#magcik_ad_bottom_bar {
  /*按钮动画*/
  /*广告内容样式*/
}
#magcik_ad_bottom_bar .bottom-bar-box {
  display: block;
  width: 100% !important;
  height: auto;
  bottom: 0px;
  clear: none !important;
  float: none !important;
  left: 0px;
  margin: 0px !important;
  max-height: none !important;
  max-width: none !important;
  opacity: 1;
  overflow: visible !important;
  padding: 0px !important;
  position: fixed;
  right: auto !important;
  top: auto !important;
  visibility: visible !important;
  z-index: 2147483647;
  background: #fafafa !important;
  /*核心内容框动画*/
  animation: BarBoxA 0.1s;
  display: flex;
  justify-content: center;
  /*align-items: center;
            */
  line-height: 38px;
}
#magcik_ad_bottom_bar .bottom-bar-content {
  max-width: 720px;
  max-height: 90px;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
}
#magcik_ad_bottom_bar .ad-bar-button {
  bottom: 10px;
  position: fixed;
  animation: BottomBarButton 0.1s;
  padding: 5px 15px;
  cursor: pointer;
  left: 0px;
  border: 0px;
}
@keyframes BottomBarButton {
  from {
    bottom: 70px;
    padding: 10px 20px;
  }
  to {
    bottom: 10px;
    padding: 5px 15px;
  }
}
#magcik_ad_bottom_bar .ad-bar-actives {
  animation: adBarAc 0.1s;
  bottom: 80px;
  position: fixed;
  padding: 10px 20px;
  cursor: pointer;
  left: 0px;
  border: 0px;
}
@keyframes adBarAc {
  from {
    bottom: 10px;
    padding: 5px 15px;
  }
  to {
    bottom: 70px;
    padding: 10px 20px;
  }
}
@keyframes BarBoxA {
  from {
    height: 0px;
  }
  to {
    height: 70px;
  }
}
#magcik_ad_bottom_bar .ad-bar-fade-enter-from {
  height: 0px;
}
#magcik_ad_bottom_bar .ad-bar-fade-enter-active {
  transition: all 0.1s ease;
}
#magcik_ad_bottom_bar .ad-bar-fade-enter-to {
  height: 70px;
}
#magcik_ad_bottom_bar .ad-bar-fade-leave-from {
  height: 70px;
}
#magcik_ad_bottom_bar .ad-bar-fade-leave-active {
  transition: all 0.1s ease;
}
#magcik_ad_bottom_bar .ad-bar-fade-leave-to {
  height: 0px;
}
#magcik_ad_bottom_bar .bottom-bar-content img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
  border: 0;
  /*vertical-align: baseline;*/
}
/*移动端优化样式*/
@media screen and (min-width: 768px) {
  .ad-bar-actives {
    bottom: 90px;
  }
  @keyframes BottomBarButton {
    from {
      bottom: 90px;
    }
    to {
      bottom: 10px;
    }
  }
  @keyframes adBarAc {
    from {
      bottom: 10px;
    }
    to {
      bottom: 90px;
    }
  }
  @keyframes BarBoxA {
    from {
      height: 0px;
    }
    to {
      height: 90px;
    }
  }
  .ad-bar-fade-enter-to {
    height: 90px;
  }
  .ad-bar-fade-leave-from {
    height: 90px;
  }
}
